<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
   <style type="text/css">
     #box{
     	width:50px;
     	height: 25px;
     	margin: 0 auto;
     }
     #shurf a{
     	text-decoration: none;
     }
     #shurf{
      list-style: none;
      margin-left: 10px;
      display: none;
     }
 
   </style>
   <script type="text/javascript">
   	  window.onload = function () {
        var Obat = document.getElementById("bat");
         var Oshurf = document.getElementById("shurf");
         var Oclose = document.getElementById("close");
         var off = true;
        Obat.onclick =function(){
           if (off) {
            Oshurf.style.display = "block";
             off = false;
           }else{
            Oshurf.style.display = "none";
             off = true;
        }
         Oclose.onclick = function(){

          Oshurf.style.display = "none"
         }
      }
    }
   </script>
</head>
<body>
	<div id="box">
		<input type="button" value="输入法" id="bat">
		<div id="shurf">
			<li><a href="javascript">手写</a></li>
			<li><a href="javascript">手写</a></li>
			<li id="close"><a href="javascript:;">关闭</a></li>
		</div>
	</div>
</body>
</html>